<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简设装饰项目</title>
    <link rel="stylesheet" href="../css/item.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/item-m.css">
    <link rel="stylesheet" href="../css/common-m.css">
</head>

<body>
    <div class="header">
        <div class="header-c">
            <div class="logo">
                <img src="../img/logo.png" alt="">
            </div>
            <ul class="nav">
                <li class="nav-item">
                    <a href="index.html">首页</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="item.html">项目</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="product.html">产品</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="serve.html">服务</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="news.html">新闻</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="about.html">关于</a>
                    <span class="line"></span>
                </li>

            </ul>
            <div class="box">
                <div class="lin"></div>
                <div class="lin"></div>
                <div class="lin"></div>
            </div>
        </div>
        <!-- 隐形头部导航 -->
        <ul class="item-i">
            <li class="item"><a href="index.html">首页</a></li>
            <li class="item"><a href="item.html">项目</a></li>
            <li class="item"><a href="product.html">产品</a></li>
            <li class="item"><a href="serve.html">服务</a></li>
            <li class="item"><a href="news.html">新闻</a></li>
            <li class="item"><a href="about.html">关于</a></li>
        </ul>
    </div>
    <div class="banner">
        <div class="banner-c">
        </div>
    </div>
    <div class="content">
        <div class="content-c">
            <ul class="box">
                <li class="boxt">
                    <div class="gau">
                        <div class="banner-t">
                            <p class="banner-l">您的位置：关于 </p>
                            <img src="../img/dayu.png" alt="">
                            <p class="banner-r">关于简设</p>
                        </div>
                        <div class="gau-r">
                            <ul class="item-t">
                                <li class="item-t-t on">
                                    <a href="#pic-g">家居</a>
                                    <span></span>
                                </li>
                                <li class="item-t-t">
                                    <a href="#pic-a">办公</a>
                                    <span></span>
                                </li>
                                <li class="item-t-t">
                                    <!-- <a>餐饮</a>
                                    <span></span> -->

                                    <a href="#pic-u">餐饮</a>
                                    <span></span>

                                </li>
                                <li class="item-t-t">
                                    <!-- <a>MORE</a>
                                    <span></span> -->

                                    <a href="#pic-b">MORE</a>
                                    <span></span>
                                </li>

                            </ul>
                            <div class="blo">
                                <div class="block"></div>
                                <div class="block"></div>
                                <div class="block"></div>
                            </div>
                        </div>
                       
                            <div class="pic" id="pic-g">

                                <div class="photo">
                                    <div class="photo-c">
                                        <div class="dis">
                                            <img src="../img/item/item-2.png" alt="">
                                            <div class="nam">
                                                <p class="name">Marylebone公寓室内改造 上海</p>
                                                <p class="na">木隔墙创造出简约的生活空间
                                                </p>
                                                <img src="../img/oval.png" alt="">
                                            </div>
                                        </div>
                                        <div class="black">
                                            <img src="../img/oval-1.png" alt="">
                                        </div>
                                        <div class="plan">
                                            <p class="name">Marylebone公寓室内改造 上海</p>
                                            <p class="na">木隔墙创造出简约的生活空间
                                            </p>
                                        </div>

                                    </div>
                                    <div class="photo-c">
                                        <div class="dis">
                                            <img src="../img/item/item-2.png" alt="">
                                            <div class="nam">
                                                <p class="name">Marylebone公寓室内改造 上海</p>
                                                <p class="na">木隔墙创造出简约的生活空间
                                                </p>
                                                <img src="../img/oval.png" alt="">
                                            </div>
                                        </div>
                                        <div class="black">
                                            <img src="../img/oval-1.png" alt="">
                                        </div>
                                        <div class="plan">
                                            <p class="name">Marylebone公寓室内改造 上海</p>
                                            <p class="na">木隔墙创造出简约的生活空间
                                            </p>
                                        </div>

                                    </div>
                                    <div class="photo-c">
                                        <div class="dis">
                                            <img src="../img/index/index-5.png" alt="">
                                            <div class="nam">
                                                <p class="name">亭仔脚 台北</p>
                                                <p class="na">生活记忆的延续
                                                </p>
                                                <img src="../img/oval.png" alt="">
                                            </div>
                                        </div>
                                        <div class="black">
                                            <img src="../img/oval-1.png" alt="">
                                        </div>
                                        <div class="plan">
                                            <p class="name">亭仔脚 台北</p>
                                            <p class="na">生活记忆的延续
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="photo">
                                    <div class="photo-c">
                                        <div class="dis">
                                            <img src="../img/item/item-7.png" alt="">
                                            <div class="nam">
                                                <p class="name">Florentine公寓 杭州</p>
                                                <p class="na">两种色调与两种氛围的居住空间
                                                </p>
                                                <img src="../img/oval.png" alt="">
                                            </div>
                                        </div>
                                        <div class="black">
                                            <img src="../img/oval-1.png" alt="">
                                        </div>
                                        <div class="plan">
                                            <p class="name">Marylebone公寓室内改造 上海</p>
                                            <p class="na">木隔墙创造出简约的生活空间
                                            </p>
                                        </div>

                                    </div>
                                    <div class="photo-c">
                                        <div class="dis">
                                            <img src="../img/item/item-5.png" alt="">
                                            <div class="nam">
                                                <p class="name">藏式民居改造 拉萨</p>
                                                <p class="na">兼顾藏族传统精神生活的现代住宅
                                                </p>
                                                <img src="../img/oval.png" alt="">
                                            </div>
                                        </div>
                                        <div class="black">
                                            <img src="../img/oval-1.png" alt="">
                                        </div>
                                        <div class="plan">
                                            <p class="name">Marylebone公寓室内改造 上海</p>
                                            <p class="na">木隔墙创造出简约的生活空间
                                            </p>
                                        </div>

                                    </div>
                                    <div class="photo-c">
                                        <div class="dis">
                                            <img src="../img/item/item-6.png" alt="">
                                            <div class="nam">
                                                <p class="name">白虎头村老宅改造 北京</p>
                                                <p class="na">老宅，院落，远山
                                                </p>
                                                <img src="../img/oval.png" alt="">
                                            </div>
                                        </div>
                                        <div class="black">
                                            <img src="../img/oval-1.png" alt="">
                                        </div>
                                        <div class="plan">
                                            <p class="name">亭仔脚 台北</p>
                                            <p class="na">生活记忆的延续
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>

                </li>
                <li class="boxt">
                    <div class="banner-t">
                        <p class="banner-l">您的位置：项目 </p>
                        <img src="../img/dayu.png" alt="">
                        <p class="banner-r">项目展示 </p>
                    </div>
                    <div class="gau-r">
                        <!-- <ul class="item-t">
                            <li class="item-t-t on" id="jia">
                                <a>家居</a>
                                <span></span>
                            </li>
                            <li class="item-t-t" id="gong">
                                <a>办公</a>
                                <span></span>
                            </li>
                            <li class="item-t-t" id="can">
                                <a>餐饮</a>
                                <span></span>
                            </li>
                            <li class="item-t-t" id="more">
                                <a>MORE</a>
                                <span></span>
                            </li>
                        </ul> -->
                        <ul class="item-t">
                            <li class="item-t-t on">
                                <a href="#pic-g">家居</a>
                                <span></span>
                            </li>
                            <li class="item-t-t">
                                <a href="#pic-a">办公</a>
                                <span></span>
                            </li>
                            <li class="item-t-t">
                                <!-- <a>餐饮</a>
                                <span></span> -->

                                <a href="#pic-u">餐饮</a>
                                <span></span>

                            </li>
                            <li class="item-t-t">
                                <!-- <a>MORE</a>
                                <span></span> -->

                                <a href="#pic-b">MORE</a>
                                <span></span>
                            </li>

                        </ul>
                        <div class="blo">
                            <div class="block"></div>
                            <div class="block"></div>
                            <div class="block"></div>
                        </div>
                    </div>
                    <div class="pic">
                       
                            <div class="photo" id="pic-a">
                                <div class="photo-c">
                                    <div class="dis">
                                        <img src="../img/item/item-9.png" alt="">
                                        <div class="nam">
                                            <p class="name">Olste办公空间 深圳</p>
                                            <p class="na">Olste办公空间 深圳
                                            </p>
                                            <img src="../img/oval.png" alt="">
                                        </div>
                                    </div>
                                    <div class="black">
                                        <img src="../img/oval-1.png" alt="">
                                    </div>
                                    <div class="plan">
                                        <p class="name">Olste办公空间 深圳</p>
                                        <p class="na">Olste办公空间 深圳
                                        </p>
                                    </div>

                                </div>
                                <div class="photo-c">
                                    <div class="dis">
                                        <img src="../img/item/item-10.png" alt="">
                                        <div class="nam">
                                            <p class="name">百分金融办公室 北京</p>
                                            <p class="na">从“私密”到“开放”
                                            </p>
                                            <img src="../img/oval.png" alt="">
                                        </div>
                                    </div>
                                    <div class="black">
                                        <img src="../img/oval-1.png" alt="">
                                    </div>
                                    <div class="plan">
                                        <p class="name">百分金融办公室 北京</p>
                                        <p class="na">从“私密”到“开放”
                                        </p>
                                    </div>

                                </div>
                                <div class="photo-c">
                                    <div class="dis">
                                        <img src="../img/item/item-11.png" alt="">
                                        <div class="nam">
                                            <p class="name">感物办公空间 杭州</p>
                                            <p class="na">我和我的森林性感受
                                            </p>
                                            <img src="../img/oval.png" alt="">
                                        </div>
                                    </div>
                                    <div class="black">
                                        <img src="../img/oval-1.png" alt="">
                                    </div>
                                    <div class="plan">
                                        <p class="name">感物办公空间 杭州</p>
                                        <p class="na">我和我的森林性感受
                                        </p>
                                    </div>
                                </div>
                            </div>
                    </div>

                </li>
                <li class="boxt">
                    <div class="banner-t">
                        <p class="banner-l">您的位置：项目 </p>
                        <img src="../img/dayu.png" alt="">
                        <p class="banner-r">项目展示 </p>
                    </div>
                    <div class="gau-r">
                        <ul class="item-t">
                            <li class="item-t-t on">
                                <a href="#pic-g">家居</a>
                                <span></span>
                            </li>
                            <li class="item-t-t">
                                <a href="#pic-a">办公</a>
                                <span></span>
                            </li>
                            <li class="item-t-t">
                                <!-- <a>餐饮</a>
                                <span></span> -->

                                <a href="#pic-u">餐饮</a>
                                <span></span>

                            </li>
                            <li class="item-t-t">
                                <!-- <a>MORE</a>
                                <span></span> -->

                                <a href="#pic-b">MORE</a>
                                <span></span>
                            </li>

                        </ul>
                        <div class="blo">
                            <div class="block"></div>
                            <div class="block"></div>
                            <div class="block"></div>
                        </div>
                    </div>
                    <div class="pic ">  
                            <div class="photo" id="pic-u">
                                <div class="photo-c">
                                    <div class="dis">
                                        <img src="../img/item/item-12.png" alt="">
                                        <div class="nam">
                                            <p class="name">肯德基西安大雁塔店 西安</p>
                                            <p class="na">以现代语言讲述古城历史文化
                                            </p>
                                            <img src="../img/oval.png" alt="">
                                        </div>
                                    </div>
                                    <div class="black">
                                        <img src="../img/oval-1.png" alt="">
                                    </div>
                                    <div class="plan">
                                        <p class="name">肯德基西安大雁塔店 西安</p>
                                        <p class="na">以现代语言讲述古城历史文化
                                        </p>
                                    </div>

                                </div>
                                <div class="photo-c">
                                    <div class="dis">
                                        <img src="../img/item/item-13.png" alt="">
                                        <div class="nam">
                                            <p class="name">La Palma餐厅 重庆 </p>
                                            <p class="na">将加州海滩元素融入意式餐厅
                                            </p>
                                            <img src="../img/oval.png" alt="">
                                        </div>
                                    </div>
                                    <div class="black">
                                        <img src="../img/oval-1.png" alt="">
                                    </div>
                                    <div class="plan">
                                        <p class="name">La Palma餐厅 重庆</p>
                                        <p class="na">将加州海滩元素融入意式餐厅
                                        </p>
                                    </div>

                                </div>
                                <div class="photo-c">
                                    <div class="dis">
                                        <img src="../img/item/item-14.png" alt="">
                                        <div class="nam">
                                            <p class="name">LUCKY PIGGY 杭州</p>
                                            <p class="na">亲和力满满的轻食餐厅
                                            </p>
                                            <img src="../img/oval.png" alt="">
                                        </div>
                                    </div>
                                    <div class="black">
                                        <img src="../img/oval-1.png" alt="">
                                    </div>
                                    <div class="plan">
                                        <p class="name">LUCKY PIGGY 杭州</p>
                                        <p class="na">亲和力满满的轻食餐厅
                                        </p>
                                    </div>
                                </div>
                            </div>
                    </div>
                </li>
                <li class="boxt">
                    <div class="banner-t">
                        <p class="banner-l">您的位置：项目 </p>
                        <img src="../img/dayu.png" alt="">
                        <p class="banner-r">项目展示 </p>
                    </div>
                    <div class="gau-r">
                        <ul class="item-t">
                            <li class="item-t-t on">
                                <a href="#pic-g">家居</a>
                                <span></span>
                            </li>
                            <li class="item-t-t">
                                <a href="#pic-a">办公</a>
                                <span></span>
                            </li>
                            <li class="item-t-t">
                                <!-- <a>餐饮</a>
                                <span></span> -->

                                <a href="#pic-u">餐饮</a>
                                <span></span>

                            </li>
                            <li class="item-t-t">
                                <!-- <a>MORE</a>
                                <span></span> -->

                                <a href="#pic-b">MORE</a>
                                <span></span>
                            </li>

                        </ul>
                        <div class="blo">
                            <div class="block"></div>
                            <div class="block"></div>
                            <div class="block"></div>
                        </div>
                    </div>

                    <div class="pic">
                      
                            <div class="photo" id="pic-b">
                                <div class="photo-c">
                                    <div class="dis">
                                        <img src="../img/item/item-15.png" alt="">
                                        <div class="nam">
                                            <p class="name">筑蹊生活主题书店 宁波</p>
                                            <p class="na">有机几何与循环路径的购书体验
                                            </p>
                                            <img src="../img/oval.png" alt="">
                                        </div>
                                    </div>
                                    <div class="black">
                                        <img src="../img/oval-1.png" alt="">
                                    </div>
                                    <div class="plan">
                                        <p class="name">筑蹊生活主题书店 宁波</p>
                                        <p class="na">有机几何与循环路径的购书体验
                                        </p>
                                    </div>

                                </div>
                                <div class="photo-c">
                                    <div class="dis">
                                        <img src="../img/item/item-16.png" alt="">
                                        <div class="nam">
                                            <p class="name">R FITNESS健身工作室 香港</p>
                                            <p class="na">由光定义的空间
                                            </p>
                                            <img src="../img/oval.png" alt="">
                                        </div>
                                    </div>
                                    <div class="black">
                                        <img src="../img/oval-1.png" alt="">
                                    </div>
                                    <div class="plan">
                                        <p class="name">R FITNESS健身工作室 香港</p>
                                        <p class="na">由光定义的空间
                                        </p>
                                    </div>

                                </div>
                                <div class="photo-c">
                                    <div class="dis">
                                        <img src="../img/item/item-17.png" alt="">
                                        <div class="nam">
                                            <p class="name">月饼博物馆 乌兰察布</p>
                                            <p class="na">一个本地材料营造的低成本博物馆
                                            </p>
                                            <img src="../img/oval.png" alt="">
                                        </div>
                                    </div>
                                    <div class="black">
                                        <img src="../img/oval-1.png" alt="">
                                    </div>
                                    <div class="plan">
                                        <p class="name">月饼博物馆 乌兰察布</p>
                                        <p class="na">一个本地材料营造的低成本博物馆
                                        </p>
                                    </div>
                                </div>
                            </div>
                    </div>

                </li>
            </ul>
        </div>
    </div>
    </div>

    <div class="footer">
        <div class="footer-c">
            <ul class="di">
                <li class="d">
                    <p>简设装饰有限公司</p>
                    <img class="img" src="../img/weibo.png" alt="">
                    <img class="img" src="../img/weibo.png" alt="">
                    <img class="img" src="../img/qq.png" alt="">
                </li>
                <li class="dl">
                    <span></span>
                </li>
                <li class="d">
                    <p>地址：中国地区**分区6号写字楼888室</p>
                    <p>电话：688-8888-008</p>
                    <p>传真：000-66668888</p>
                </li>
                <li class="dl">
                    <span></span>
                </li>
                <li class="d mr0">
                    <p>邮编：100000</p>
                    <p>手机：186-6006-8008</p>
                    <p>邮箱：00060008@163.com</p>
                </li>
            </ul>


        </div>
    </div>
</body>
<script src="../js/jquery.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/item.js"></script>

</html>